<template>
<div>
  <home-swipe :list="ls"></home-swipe> <!--轮播图组件-->
  <home-grid></home-grid><!--快捷入口-->
    <home-goods :list="reslist[i-1]" :title="title[i-1]" class="goods-block" v-for="(i,index) in reslist.length" :key="index"></home-goods>
</div>

</template>

<script>
  import HomeSwipe from "./components/Swipe.vue" //导入组件
  import HomeGrid from "./components/HomeGrid.vue"
  import HomeGoods from "./components/HomeGoods.vue"
  import request, { getUrl } from "../../utils/request";
  export default{
    components:{ //注册组件
      HomeSwipe,HomeGrid,HomeGoods
    },
    data(){
      return{
        ls:[//轮播图列表

          ],
         title:[//标题名称

         ],
         goodslist:[//

         ],
         reslist:[//处理后的列表结果

         ]
      }
    },
    created(){
      request({//发起request请求（获取轮播图）
        url:getUrl("Home/getHomeBanner"),//URL
        method:"get",//请求方法
        params:{//Post传data，get请求传params
        }
      }).then(res=>{//成功回调
          this.ls=res.data.data
      }).catch(error=>{//失败回调
         showDlg('错误提醒','网络错误！')
      })

      request({//发起request请求（获取商品列表）
        url:getUrl("Goods/getHomeGoodsList"),//URL
        method:"get",//请求方法
        params:{//Post传data，get请求传params
        }
      }).then(res=>{//成功回调
          this.goodslist=res.data.data
          for(var i=0;i<this.goodslist.length;i++){//输出类型
            if(this.title.indexOf(this.goodslist[i].activityname)==-1){//如果没有
               this.title.push(this.goodslist[i].activityname)
               this.reslist.push([])
            }
          }
          for(var i=0;i<this.goodslist.length;i++){//输出每个类型的值
               this.reslist[this.title.indexOf(this.goodslist[i].activityname)].push(this.goodslist[i])
          }
          console.log(this.reslist)
          console.log(this.title);
      }).catch(res=>{//失败回调
        showDlg('错误提醒','网络错误！')
      })
    },
    methods:{
      togoods:function(na){
        this.$toast("点击了我"+na)
      }
    }
  }
</script>
<style>

</style>

